
    import * as React from 'react';

    var Calendar = React.createClass({
        getDefaultProps: function () {
            return {};
        },
        getInitialState: function () {
            return {}
        },
        render: function () {
            var startCss = "data-content " + (this.state.isShowStartTimeKongJian ? "show-calendar" : "");
            var endCss = "data-content " + (this.state.isShowEndTimeKongJian ? "show-calendar" : "");
            console.log("*****************************   css" + startCss + "   " + endCss + "   " + this.state.showStartTime)
            return (
                <div className="virtual-calendar">
                    <div className="temp">
                  <span className="data-icon">
                    <i className="icon icon-calendar"></i>
                  </span>
                        <div className={startCss} name="startTime">
                            <span onClick={this.showStarTimeKJ} className="date-s">{this.state.showStartTime}</span>
                            <i className="showTop">{this.props.showStartTime}</i>
                            <i className="icon icon-calendar-del"></i>
                        </div>
                        {(() => {
                            if (this.props.isShowEndTime) {
                                return (
                                    <div className={endCss} name="endTime">
                                        <span onClick={this.showEndTimeKJ} className="date-s">{this.state.showEndTime}</span>
                                        <i className="showTop">{this.props.showEndTime}</i>
                                        <i className="icon icon-calendar-del"></i>
                                    </div>
                                )
                            }
                        })()}
                    </div>
                </div>
            )
        }
    });

    return Calendar;
});
